@charset "UTF-8";
html { -webkit-font-smoothing: antialiased; height: 100%; }

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul { margin: 0; padding: 0; }

header, hgroup, nav, menu, main, section, article, summary, details, aside, figure, figcaption, footer { display: block; margin: 0; padding: 0; }

table { border-collapse: collapse; border-spacing: 0; }

table, th, td { border: 1px solid black; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, var { font-style: normal; font-weight: 400; }

dl, ol, ul { list-style-type: none; margin: 0; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

a { text-decoration: none; color: inherit; }

a:hover { text-decoration: none; -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; outline: none; blr: expression(this.onFocus=this.blur()); }

sup { vertical-align: text-top; }

sub { vertical-align: text-bottom; }

textarea { resize: none; outline: none; font-family: Arial,Microsoft YaHei; }

img { vertical-align: middle; height: auto; max-width: 100%; }

button, input[type=submit], input[type=text], input[type=button] { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); outline: 0; blr: expression(this.onFocus=this.blur()); }

button { -webkit-appearance: none; border: none; }

input { border: none; }

#web-ietip { width: 526px; height: 90px; padding: 83px 0 0 84px; overflow: hidden; background: url(../css/ietip/browser.png) no-repeat center center; margin: 200px auto 0; }

#web-ietip a { display: block; width: 65px; height: 80px; float: left; }

.fl { float: left; }

.fr { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; font-size: 0; }

/*theme*/
/* color */
.iconfont { font-size: inherit; }

.c-blue { color: #00a5e3; }

.c-pink { color: #ff4880; }

.c-yellow { color: #ffae00; }

.c-white { color: white; }

/*rem*/
@media (min-width: 1631px) { html { font-size: 100px; } }
@media (max-width: 1630px) and (min-width: 901px) { html { font-size: calc(100vw / 1600 * 100); } }
@media (max-width: 900px) { html { font-size: calc(900px / 1600 * 100); } }
/* normal */
.ellipsis { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.eli2 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.eli3 { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }

body { font-size: 14px; color: #000; font-family: Arial,"Microsoft YaHei"; overflow-x: hidden; background: #fff; }

body * { box-sizing: border-box; line-height: 1; }

.layout { max-width: 16.3rem; margin: auto; width: 100%; padding: 0 .15rem; }

.w1200 { max-width: 12.3rem; margin: auto; width: 100%; padding: 0 .15rem; }

@media (max-width: 1500px) { .w1200 { max-width: 1230px; } }
.w1080 { max-width: 11.1rem; width: 100%; padding: 0 .15rem; margin: auto; }

@media (max-width: 1500px) { .w1080 { max-width: 1110px; } }
.ani-img { overflow: hidden; }
.ani-img img { transition: all .3s; width: 100%; }
.ani-img:hover img { transform: scale(1.1); }

.hover { transition: all .3s; }
.hover:hover { box-shadow: 0 0 10px #858688; }

.btn { border: none; cursor: pointer; }

.btn-yellow { background: #ffae00; color: #fff; }

.swiper-pagination-bullet-active { background: #00a5e3; }

.home-section { overflow: hidden; }

.bg-brown { background: #f9f5f0; }

.social-share { font-size: 14px; color: #999; -webkit-text-stroke-width: 0; }

/*头部*/
.header { background: #fff; position: relative; position: fixed; top: 0; left: 0; width: 100%; z-index: 9; box-shadow: 0 3px 3px #ddd; }
.header > .mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; margin: auto; background: rgba(0, 0, 0, 0.5); z-index: 8; visibility: hidden; opacity: 0; transition: all .3s; }
.header-cnt { max-width: 18.7rem; width: 100%; padding: 0 .35rem; margin: auto; }
.header-cnt .logo { line-height: 1rem; }
.header-cnt .logo img { height: .67rem; }
.header-cnt .rg-top { padding-top: .11rem; }
.header-cnt .rg-top .tel-num { color: #e60044; font-size: .2rem; line-height: .33rem; }
.header-cnt .rg-top .tel-num .icon-tel { margin-right: .1rem; }
.header-cnt .icon-search { font-size: .26rem; line-height: .33rem; color: #333; margin-left: .15rem; cursor: pointer; }
.header-cnt .nav-btn { float: right; display: none; width: .4rem; position: relative; z-index: 10; }
.header-cnt .nav-btn span { display: block; height: 2px; background: #00a5e3; margin-bottom: 6px; border-radius: 2px; transform-origin: right center; transition: all .3s; width: 100%; }
.header-cnt .nav-btn span:last-child { margin-bottom: 0; }

@media (min-width: 901px) { .header-cnt .rg-top .tel-num { float: right; }
  .header-cnt .rg-top .icon-search { float: right; }
  .header-cnt > .btn-srh { display: none; } }
@media (max-width: 900px) { .header { position: fixed; top: 0; left: 0; width: 100%; z-index: 9; box-shadow: 0 3px 3px #ddd; }
  .header-cnt .rg { position: fixed; right: 0; top: 0; bottom: 0; z-index: 10; margin: auto; padding: 1rem 0 .2rem; width: 50%; height: auto; transform: translateX(100%); background: #fff; overflow-y: auto; transition: all .3s; font-size: 14px; }
  .header-cnt .rg-top .icon-search { display: none; }
  .header-cnt .rg-top .tel-num { font-size: 14px; padding: .1rem .3rem; }
  .header-cnt > .btn-srh { display: block; font-size: .5rem; line-height: 1rem; color: #00a5e3; margin-right: .2rem; }
  .header-cnt .nav-btn { display: block; margin-top: .3rem; }
  .header.open .mask { opacity: 1; visibility: visible; }
  .header.open .nav-btn span:nth-of-type(1) { transform: rotate(-45deg); }
  .header.open .nav-btn span:nth-of-type(3) { transform: rotate(45deg); }
  .header.open .nav-btn span:nth-of-type(2) { width: 0; }
  .header.open .header-cnt .rg { transform: translate(0); } }
@media (max-width: 500px) { .header-cnt .rg { width: 100%; } }
/*导航*/
.header-nav li { position: relative; float: left; color: #444; margin-right: 0.66rem; position: relative; }
.header-nav li > a { color: inherit; display: block; font-size: .16rem; line-height: .56rem; padding: 0 .19rem; position: relative; z-index: 2; }
.header-nav li .nav-sub a { color: #444; padding: .15rem .1rem; display: block; transition: all .3s; font-size: .16rem; }
.header-nav li:last-child { margin-right: 0; }

@media screen and (min-width: 901px) { .header-nav { margin-right: -.2rem; }
  .header-nav li:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: skewX(-25deg); transition: all .3s; }
  .header-nav li.on:before, .header-nav li:hover:before { background: #00a5e3; }
  .header-nav li.on > a, .header-nav li:hover > a { color: #fff; }
  .header-nav li .nav-sub { position: absolute; left: 50%; top: .56rem; z-index: 10; visibility: hidden; opacity: 0; transform: translate(-50%, 10%); background: rgba(255, 255, 255, 0.9); text-align: center; padding: .2rem; width: 4.9rem; transition: all .2s; }
  .header-nav li .nav-sub .nav-img { width: 2.4rem; margin-right: .1rem; }
  .header-nav li .nav-sub .nav-img img { width: 100%; }
  .header-nav li .nav-sub dl { max-width: 2rem; overflow: hidden; width: 100%; }
  .header-nav li .nav-sub dl dd { min-width: 50%; text-align: center; float: left; }
  .header-nav li:hover .nav-sub { display: block; opacity: 1; visibility: visible; transform: translate(-50%, 0); }
  .header-nav li:hover .nav-sub a:hover { color: #00a5e3; }
  .header-nav li:last-child .nav-sub { left: auto; right: 0; transform: translateY(10%); }
  .header-nav li:last-child:hover .nav-sub { transform: translateY(0); } }
@media screen and (max-width: 900px) { .header-nav { padding: 0 .15rem; font-size: 14px; }
  .header-nav li { display: block; width: 100%; margin-right: 0; padding: .1rem 0; border-bottom: 1px solid #ddd; }
  .header-nav li > a { display: inline-block; font-size: 14px; position: relative; z-index: 3; }
  .header-nav li:before { content: ''; position: absolute; right: 0; top: 0; width: 0; height: 100%; z-index: 2; transition: all .3s; background: #00a5e3; }
  .header-nav li .nav-sub { padding: 0; width: 100%; display: none; position: relative; left: 0; top: 0; z-index: 3; visibility: visible; opacity: 1; transform: none; background: #fff; border-radius: 0; font-size: 12px; overflow: hidden; }
  .header-nav li .nav-sub .nav-img { display: none; }
  .header-nav li .nav-sub a { padding: .1rem .2rem; display: block; line-height: 1.2; font-size: 14px; }
  .header-nav li .nav-sub dd { padding: 0; }
  .header-nav li .nav-sub dd:last-child { padding-bottom: .15rem; }
  .header-nav li.hasSub:after { content: '+'; position: absolute; right: 0; top: 0; text-align: center; z-index: 3; width: 38px; height: 100%; line-height: 38px; font-size: 20px; }
  .header-nav li.open:after { content: '-'; }
  .header-nav li:hover:before { width: 100%; }
  .header-nav li:hover > a { color: #fff; }
  .header-nav li:hover.hasSub:after { color: #fff; }
  .header-nav li:hover .nav-sub { background: none; }
  .header-nav li:hover .nav-sub a { color: #fff; } }
/*搜索*/
.search-box { display: none; position: fixed; left: 0; top: 0; z-index: 10; height: 100vh; width: 100vw; }
.search-box .mask { position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 10; background: rgba(0, 0, 0, 0.5); }
.search-box .search-ipt { position: fixed; left: 50%; top: 15.5%; z-index: 11; width: 90%; max-width: 500px; border-radius: .5rem; overflow: hidden; transform: translateX(-50%); display: flex; }
.search-box .search-ipt input { line-height: 50px; height: 50px; font-size: 16px; background: #fff; width: 85%; padding: 0 15px; border: none; }
.search-box .search-ipt button { background: #00a5e3; width: 15%; border: none; cursor: pointer; font-size: 20px; }

@media (max-width: 500px) { .search-box .search-ipt input { line-height: 35px; height: 35px; } }
/* 底部 */
.footer { background: #222324; color: #999; }
.footer-cnt { width: 100%; max-width: 18.3rem; padding: 0 .15rem; margin: auto; }
.footer-1 { border-bottom: 1px solid #434444; padding-top: .53rem; padding-bottom: .7rem; }
.footer-1 .rg .msg { margin-right: 1rem; }
.footer-1 .rg .msg li { font-size: .14rem; color: #999; margin-bottom: .14rem; }
.footer-1 .rg .msg li:last-child { margin-bottom: 0; }
.footer-1 .rg .msg li i { float: left; margin-right: .13rem; width: .2rem; text-align: center; }
.footer-1 .rg .msg li .txt { overflow: hidden; }
.footer-1 .rg .msg li .txt p { line-height: 1.2; }
.footer-1 .rg .msg li.tel i { line-height: .37rem; }
.footer-1 .rg .msg li.tel .txt { font-size: .3rem; }
.footer-1 .rg .qrcode-wrap .item { margin-right: .24rem; float: left; text-align: center; }
.footer-1 .rg .qrcode-wrap .item:last-child { margin-right: 0; }
.footer-1 .rg .qrcode-wrap .item .pic { width: 1.15rem; }
.footer-1 .rg .qrcode-wrap .item p { font-size: .14rem; color: #999; margin-top: .15rem; text-align: center; }
.footer-nav li { float: left; }
.footer-nav li .level1 { font-size: 0.18rem; color: #f0f0f0; line-height: 1.4; display: block; }
.footer-nav li dl { margin-top: .23rem; }
.footer-nav li dd { margin-bottom: .1rem; }
.footer-nav li dd a { font-size: .14rem; color: #bbbbbb; line-height: 1.4; display: block; }
.footer-nav li dd a:hover { color: #00a5e3; }
.footer-nav li dd:last-child { margin-bottom: 0; }
.footer-2 { padding: .25rem 0; }
.footer-2 .cright { line-height: .42rem; font-size: .14rem; color: #999; }
.footer .related-link { position: relative; }
.footer .related-link .tip { width: 4.3rem; padding: 0 .16rem; border: 1px solid #434445; line-height: .42rem; position: relative; font-size: .15rem; color: #bbbbbb; }
.footer .related-link .tip .iconfont { position: absolute; right: .15rem; top: 0; line-height: .42rem; }
.footer .related-link .links { position: absolute; bottom: .44rem; left: 0; width: 100%; background: #3f3f3f; padding: .1rem .2rem; visibility: hidden; transform: translateY(10%); transition: all .3s; opacity: 0; }
.footer .related-link .links li:last-child a { border-bottom: none; }
.footer .related-link .links a { color: #999; font-size: .14rem; display: block; padding: .15rem 0; border-bottom: 1px solid #4c4c4c; }
.footer .related-link .links a:hover { color: #ddd; }
.footer .related-link:hover .links { visibility: visible; transform: translateY(0); opacity: 1; }

@media screen and (min-width: 1001px) { .footer-nav li { width: 1.57rem; }
  .footer-nav li:last-child { width: auto; } }
@media screen and (max-width: 1000px) { .footer-nav { float: none; }
  .footer-nav li { width: calc(100% / 6); text-align: center; }
  .footer-1 .rg { float: none; display: inline-block; text-align: left; margin-top: .5rem; }
  .footer-1 .footer-cnt { text-align: center; } }
@media (max-width: 900px) { .footer { padding-bottom: 1rem; } }
@media screen and (max-width: 820px) { .footer-nav li { float: none; width: 100%; text-align: left; border-bottom: 1px solid #999; }
  .footer-nav li .level1 { padding: .2rem 0 .2rem .1rem; position: relative; font-size: 14px; }
  .footer-nav li .level1:after { content: '+'; font-size: .3rem; position: absolute; right: 0; top: 0; width: .5rem; height: 100%; text-align: center; line-height: .7rem; }
  .footer-nav li dl { display: none; margin-top: 0; padding-bottom: .2rem; }
  .footer-nav li dl a { font-size: 14px; padding-left: 0.1rem; }
  .footer-1 { padding: .2rem 0; }
  .footer-1 .rg { margin-top: .3rem; }
  .footer-1 .rg .msg li { font-size: 14px; }
  .footer-1 .rg .qrcode-wrap .item p { font-size: 14px; }
  .footer-2 { text-align: center; }
  .footer-2 .cright { float: none; font-size: 14px; }
  .footer-2 .related-link { float: none; font-size: 14px; max-width: 500px; margin: .2rem auto 0; }
  .footer-2 .related-link .tip { font-size: 14px; width: 100%; line-height: 3; }
  .footer-2 .related-link .tip .iconfont { line-height: 44px; }
  .footer-2 .related-link .links { bottom: 44px; }
  .footer-2 .related-link .links a { font-size: 14px; } }
@media screen and (max-width: 500px) { .footer-1 .rg { text-align: center; }
  .footer-1 .rg .msg { float: none; margin-right: 0; text-align: left; }
  .footer-1 .rg .msg li .txt p { display: inline-block; }
  .footer-1 .rg .qrcode-wrap { margin-top: .2rem; float: none; display: inline-block; }
  .footer-1 .rg .qrcode-wrap .item .pic { width: 2rem; } }
.swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 0; background: #fff; opacity: 1; transition: all .3s; }

.swiper-pagination-bullet-active { background: #00a5e3; }

.swiper-pagination { bottom: 30px; }

@media (max-width: 900px) { .swiper-pagination { bottom: 10px; }
  .swiper-pagination-bullet { width: 6px; height: 6px; } }
/*首页banner*/
.banner { padding-top: 1rem; }
.banner .swiper-pagination-bullet { width: 10px; height: 10px; border-radius: 0; background: #fff; opacity: 1; transition: all .3s; }
.banner .swiper-pagination-bullet-active { background: #00a5e3; }
.banner .swiper-pagination { bottom: 30px; }

@media (max-width: 900px) { .banner { padding-top: 1rem; }
  .banner .swiper-pagination { bottom: 10px; }
  .banner .swiper-pagination-bullet { width: 6px; height: 6px; } }
/* 内页banner */
.ban { padding-top: 22.39583%; background: no-repeat center / cover; margin-top: 1rem; }

@media (max-width: 900px) { .ban { margin-top: 1rem; } }
@media (max-width: 500px) { .ban { padding-top: 30%; } }
/* 首页标题 */
.c-title { font-size: .36rem; }
.c-title p { display: inline-block; }
.c-title .cn { color: #00a5e3; font-weight: bold; }
.c-title .en { color: #ccc; text-transform: uppercase; }
.c-title__white .cn { color: #fff; }

@media (max-width: 900px) { .c-title { font-size: .3rem; } }
/* 纯文字更多按钮 */
.c-more { color: #888888; font-size: 0.18rem; line-height: .36rem; }
.c-more:hover { text-decoration: underline; }
.c-more__white { color: #fff; }

@media (max-width: 900px) { .c-more { line-height: 0.3rem; } }
/* 斜切更多按钮 */
.a-more { color: #00a5e3; font-size: .16rem; position: relative; display: block; line-height: .43rem; width: 1.5rem; text-align: center; transition: all .3s; }
.a-more p { line-height: .43rem; position: relative; z-index: 2; transition: text-indent .3s; }
.a-more p:after { content: '\e74f'; font-family: 'iconfont'; font-size: .2rem; margin-left: .15rem; display: none; position: absolute; right: .1rem; top: 0; }
.a-more:before { content: ''; position: absolute; left: 0; top: 0; background: #fff; width: 100%; height: 100%; transform: skewX(-25deg); }
.a-more:hover p { text-indent: -1em; }
.a-more:hover p:after { display: inline; }

/* 首页-应用案例 */
.home-1 { padding-top: 0.8rem; padding-bottom: .78rem; }
.home-1 .list { padding-top: .6rem; }
.home-1 .list li { width: 19.75%; margin-right: 0.3125%; float: left; position: relative; text-align: center; }
.home-1 .list li:last-of-type { margin-right: 0; }
.home-1 .list li .pic { padding-top: 151.89%; position: relative; overflow: hidden; }
.home-1 .list li .pic img { width: 100%; position: absolute; left: 0; top: 0; }
.home-1 .list li .txt { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.6)); }
.home-1 .list li .txt .icon { margin-top: 43.037%; opacity: 0; transition: all .3s; transform: rotateY(90deg); }
.home-1 .list li .txt .icon:after { content: ''; width: 0; height: .04rem; background: #fff; margin: .17rem auto 0; display: block; transition: all .3s; }
.home-1 .list li .txt .icon img { width: 22.15%; }
.home-1 .list li .txt .title { font-size: .24rem; color: #fff; margin-top: 60.126%; transition: all .3s; }
.home-1 .list li .txt .a-more { color: #00a5e3; font-size: .16rem; position: relative; display: block; line-height: .43rem; width: 1.5rem; margin: auto; text-align: center; margin-top: 25.316%; opacity: 0; transition: all .3s; }
.home-1 .list li .txt .a-more p { line-height: .43rem; position: relative; z-index: 2; transition: text-indent .3s; }
.home-1 .list li .txt .a-more p:after { content: '\e74f'; font-family: 'iconfont'; font-size: .2rem; margin-left: .15rem; display: none; position: absolute; right: .1rem; top: 0; }
.home-1 .list li .txt .a-more:before { content: ''; position: absolute; left: 0; top: 0; background: #fff; width: 100%; height: 100%; transform: skewX(-25deg); }
.home-1 .list li .txt .a-more:hover p { text-indent: -1em; }
.home-1 .list li .txt .a-more:hover p:after { display: inline; }
.home-1 .list li:hover .txt { background: rgba(0, 165, 227, 0.9); }
.home-1 .list li:hover .txt .icon { opacity: 1; transform: rotateY(0); }
.home-1 .list li:hover .txt .icon:after { width: .25rem; }
.home-1 .list li:hover .txt .title { margin-top: 12.65%; }
.home-1 .list li:hover .txt .a-more { opacity: 1; margin-top: 20.25%; }
.home-1 .swiper-pagination { display: none; }

@media (max-width: 900px) { .home-1 .list li { width: 33%; margin-bottom: 1%; }
  .home-1 .list li .txt .icon { opacity: 1; transform: rotateY(0); }
  .home-1 .list li .txt .title { margin-top: 12.65%; }
  .home-1 .list li .txt .a-more { opacity: 1; margin-top: 20.25%; }
  .home-1 .swiper-pagination { display: block; } }
@media (max-width: 500px) { .home-1 .list li { width: 49%; margin-right: 2%; margin-bottom: 2%; }
  .home-1 .list li:nth-of-type(2n) { margin-right: 0; } }
/* 首页-产品中心 */
.home-2 { background: no-repeat center / cover; padding: .8rem 0; }
.home-2 .list { padding-top: .7rem; }
.home-2 .list .swiper-slide { transform: scale(0.8); transition: transform .3s; color: #fff; }
.home-2 .list .swiper-slide .txt { visibility: hidden; padding: .3rem .05rem; }
.home-2 .list .swiper-slide .txt .title { font-size: .24rem; margin-bottom: .14rem; }
.home-2 .list .swiper-slide .txt .desc { font-size: .16rem; line-height: 1.2; }
.home-2 .list .swiper-slide-prev { transform: scale(0.8) translateX(-7%); }
.home-2 .list .swiper-slide-next { transform: scale(0.8) translateX(7%); }
.home-2 .list .swiper-slide-active, .home-2 .list .swiper-slide-duplicate-active { transform: scale(1); }
.home-2 .list .swiper-slide-active .pic, .home-2 .list .swiper-slide-duplicate-active .pic { position: relative; }
.home-2 .list .swiper-slide-active .pic:before, .home-2 .list .swiper-slide-duplicate-active .pic:before { content: ''; position: absolute; left: -.1rem; top: -.1rem; width: 100%; height: 100%; border: 1px solid #fff; }
.home-2 .list .swiper-slide-active .txt, .home-2 .list .swiper-slide-duplicate-active .txt { visibility: visible; }
.home-2 .list .btns { width: 5.3rem; position: absolute; left: 50%; bottom: 0; z-index: 10; transform: translateX(-50%); }
.home-2 .list .btns .btn { width: .36rem; height: .36rem; color: #fff; background: none; border-radius: 50%; border: 1px solid #fff; bottom: .5rem; top: auto; z-index: 10; }
.home-2 .list .btns .btn:hover { background: #fff; color: #0d3271; }
.home-2 .list .btns .swiper-button-prev { text-align: center; right: 0.5rem; left: auto; }
.home-2 .list .btns .swiper-button-prev:before { content: '\e63f'; font-family: 'iconfont'; line-height: .36rem; }
.home-2 .list .btns .swiper-button-next { text-align: center; right: 0; }
.home-2 .list .btns .swiper-button-next:before { content: '\e621'; font-family: 'iconfont'; line-height: .36rem; }

@media (max-width: 500px) { .home-2 .list .btns { width: 90%; } }
/* 首页-公司介绍 */
.home-3 { margin-top: .8rem; }
.home-3 .lf, .home-3 .rg { width: 50%; }
.home-3 .row1 { position: relative; }
.home-3 .row1 .lf { background: #f9f9f9 no-repeat center bottom / contain; padding: .8rem 1.5rem 1.5rem; }
.home-3 .row1 .lf .en { font-size: .66rem; color: #eaeaea; font-weight: bold; text-transform: uppercase; }
.home-3 .row1 .lf .cn { font-size: .36rem; color: #00a5e3; font-weight: bold; }
.home-3 .row1 .lf .desc { font-size: .16rem; color: #666; line-height: 1.875; height: 7.5em; margin-top: .45rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }
.home-3 .row1 .lf .a-more { margin-top: .5rem; color: #fff; }
.home-3 .row1 .lf .a-more:before { background: #00a5e3; }
.home-3 .row1 .rg { background: no-repeat center / cover; position: absolute; right: 0; top: 0; height: 100%; }
.home-3 .row2 { position: relative; }
.home-3 .row2 .lf { background: no-repeat center / cover; position: absolute; left: 0; top: 0; height: 100%; }
.home-3 .row2 .rg { float: right; }
.home-3 .row2 .rg li { float: left; width: 33.33%; background: #f5f5f5; transition: all .3s; text-align: center; font-size: .24rem; color: #666; }
.home-3 .row2 .rg li a { display: block; padding-bottom: .6rem; padding-top: .55rem; }
.home-3 .row2 .rg li .icon { width: .9rem; height: .8rem; background: no-repeat center top / 100% auto; margin: 0 auto .2rem; }
.home-3 .row2 .rg li:hover { background: #00a5e3; color: #fff; }
.home-3 .row2 .rg li:hover .icon { background-position: center bottom; }

@media (max-width: 900px) { .home-3 .row1 .lf { padding: .8rem .4rem; } }
@media (max-width: 600px) { .home-3 .lf, .home-3 .rg { width: 100%; }
  .home-3 .row1 .lf { padding: .8rem .4rem; }
  .home-3 .row1 .lf .desc { font-size: 13px; }
  .home-3 .row1 .rg { position: static; padding-top: 62.5%; }
  .home-3 .row2 { margin-top: .2rem; }
  .home-3 .row2 .lf { position: static; padding-top: 25%; } }
/* 首页-新闻中心 */
.home-4 { background: no-repeat center bottom / 100% auto; padding-top: .9rem; padding-bottom: 1.1rem; }
.home-4 .tab-hd { padding-top: .15rem; }
.home-4 .tab-hd li { float: left; font-size: .18rem; color: #666; margin-left: .45rem; position: relative; cursor: pointer; }
.home-4 .tab-hd li:hover { color: #00a5e3; }
.home-4 .tab-hd li:before { content: ''; position: absolute; left: -.18rem; top: 0.02rem; border: 2px solid #00a5e3; border-radius: 50%; width: .08rem; height: .08rem; opacity: 0; transform: scale(0); transition: all .3s; }
.home-4 .tab-hd li.on { color: #00a5e3; position: relative; }
.home-4 .tab-hd li.on:before { opacity: 1; transform: scale(1); }
.home-4 .tab-bd { margin-top: .4rem; }
.home-4 .tab-bd .item { display: none; }
.home-4 .tab-bd .item.on { display: block; }
.home-4 .tab-bd .item .news1 { width: 48.0625%; position: relative; margin-right: 1.875%; display: block; }
.home-4 .tab-bd .item .news1 .pic { position: relative; padding-top: 66.32%; overflow: hidden; }
.home-4 .tab-bd .item .news1 .pic img { position: absolute; left: 0; top: 0; width: 100%; }
.home-4 .tab-bd .item .news1 .txt { position: absolute; bottom: 0; left: 0; width: 100%; color: #fff; background: rgba(0, 165, 227, 0.9); font-size: .22rem; line-height: .7rem; text-overflow: ellipsis; padding: 0 .3rem; }
.home-4 .tab-bd .item .news2 { margin-right: 1.875%; width: 24.0625%; display: block; }
.home-4 .tab-bd .item .news2:last-child { margin-right: 0; }
.home-4 .tab-bd .item .news2 .pic { position: relative; padding-top: 77.922%; }
.home-4 .tab-bd .item .news2 .pic img { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%, -50%); }
.home-4 .tab-bd .item .news2 .pic:hover img { transform: translate(-50%, -50%) scale(1.1); }
.home-4 .tab-bd .item .news2 .txt { background: #f7f7f7; padding: .34rem .23rem .27rem; }
.home-4 .tab-bd .item .news2 .txt .title { font-size: .22rem; color: #333; line-height: 1.2; }
.home-4 .tab-bd .item .news2 .txt .desc { font-size: .15rem; color: #888; line-height: 1.6; height: 3.2em; margin-top: .15rem; }
.home-4 .tab-bd .item .news2 .txt .time { font-size: .16rem; color: #999; margin-top: .4rem; }
.home-4 .tab-bd .item .news2:hover .txt .title { color: #00a5e3; }

@media (max-width: 900px) { .home-4 .tab-hd { padding-top: 0; }
  .home-4 .tab-bd .item .news1 { float: none; width: 100%; max-width: 7.7rem; margin: auto; }
  .home-4 .tab-bd .item .news2 { width: 49%; margin-top: .2rem; } }
@media (max-width: 500px) { .home-4 .sec1 { text-align: center; }
  .home-4 .c-title { float: none; text-align: left; }
  .home-4 .tab-hd { float: none; margin-top: .5rem; display: inline-block; }
  .home-4 .tab-hd li { font-size: 14px; }
  .home-4 .tab-bd .item .news1 { float: none; width: 100%; max-width: 7.7rem; margin: auto; }
  .home-4 .tab-bd .item .news2 { width: 49%; margin-top: .2rem; }
  .home-4 .tab-bd .item .news2 .txt .desc { font-size: 12px; } }
/* 首页-技术支持 */
.home-5 { background: no-repeat center / cover; padding-top: .6rem; padding-bottom: .64rem; }
.home-5 .tit { text-align: center; }
.home-5 .tit .cn { font-size: .38rem; color: #00a5e3; font-weight: bold; }
.home-5 .tit .en { font-size: .24rem; color: #999; margin-top: .2rem; }
.home-5 .list { text-align: center; font-size: 0; margin-top: .5rem; }
.home-5 .list li { width: 2.05rem; height: 2.05rem; text-align: center; margin: 0 .4rem; display: inline-block; transition: all .3s; position: relative; }
.home-5 .list li:before { content: ''; position: absolute; left: 0; top: 0; width: 100%; padding-top: 100%; background: #fff; border-radius: 50%; }
.home-5 .list li a { display: block; width: 100%; height: 100%; padding-top: .53rem; position: relative; z-index: 2; }
.home-5 .list li .icon { background: no-repeat center bottom / 100% auto; width: .6rem; height: .6rem; margin: 0 auto .25rem; }
.home-5 .list li .txt { font-size: .19rem; color: #333; }
.home-5 .list li:hover:before { background: #00a5e3; }
.home-5 .list li:hover .icon { background-position: center top; }
.home-5 .list li:hover .txt { color: #fff; }

@media (max-width: 500px) { .home-5 .list { display: flex; justify-content: space-between; }
  .home-5 .list li { margin: 0 0.5% 0 0; }
  .home-5 .list li:nth-of-type(3n) { margin-right: 0; }
  .home-5 .list li a { padding-top: .4rem; height: auto; } }
/* 首页-合作伙伴 */
.home-6 { background: #f6f6f6; padding-top: .6rem; padding-bottom: .7rem; }
.home-6 .sec1 .btns { margin-top: .05rem; }
.home-6 .sec1 .btns .btn { width: .28rem; height: .28rem; border: 1px solid #aeaeae; border-radius: 50%; text-align: center; line-height: .26rem; display: inline-block; margin-left: .2rem; transition: all .3s; font-size: .16rem; }
.home-6 .sec1 .btns .btn:hover { background: #00a5e3; color: #fff; border-color: #00a5e3; }
.home-6 .sec2 { width: 100%; max-width: 16.56rem; margin: auto; padding: 0.4rem .15rem 0; }
.home-6 .sec2 .swiper-slide { padding: .13rem; }
.home-6 .sec2 .swiper-slide .link-logo { padding-top: 51%; background: #fff; display: block; position: relative; }
.home-6 .sec2 .swiper-slide .link-logo img { position: absolute; left: 0; top: 0; width: 100%; }

@media (max-width: 900px) { .home-6 .sec1 .btns { margin-top: 0; }
  .home-6 .sec1 .btns .btn { width: 24px; height: 24px; line-height: 22px; }
  .home-6 .sec2 .swiper-slide { padding: .1rem; } }
/* 内页 */
/* 顶部块 */
.section-top { border-bottom: 1px solid #ededed; background: #fff; }
.section-top * { line-height: .6rem; }

/* 内页二级导航 */
.sec-nav li { float: left; min-width: 1.4rem; text-align: center; }
.sec-nav li a { display: block; font-size: .16rem; color: #333; transition: all .3s; }
.sec-nav li:hover a, .sec-nav li.on a { color: #fff; background: #00a5e3; }

@media (max-width: 900px) { .section-top { border-bottom: none; }
  .sec-nav { border-bottom: 1px solid #ededed; float: none; } }
@media (max-width: 500px) { .sec-nav ul { font-size: 0; display: block; width: auto; white-space: nowrap; overflow-x: auto; }
  .sec-nav ul::-webkit-scrollbar { height: 0; background: transparent; }
  .sec-nav ul li { display: inline-block; float: none; vertical-align: top; }
  .sec-nav ul li a { font-size: 14px; } }
/* 面包屑 */
.bread-thumb { float: right; }
.bread-thumb ul { display: block; }
.bread-thumb li { float: left; }
.bread-thumb li a { font-size: .14rem; color: #555; vertical-align: middle; }
.bread-thumb li a:hover { color: #00a5e3; }
.bread-thumb li:before { content: '>'; margin: 0 5px; vertical-align: middle; }
.bread-thumb li:first-child:before { content: '\e606'; font-family: 'iconfont'; color: #555; font-size: .16rem; }

@media (max-width: 900px) { .bread-thumb { width: 100%; }
  .bread-thumb ul { float: none; } }
@media (max-width: 500px) { .bread-thumb li a { font-size: 14px; }
  .bread-thumb li:first-child:before { font-size: 15px; } }
/* 内容区 */
.section-main { padding-top: .6rem; padding-bottom: .6rem; }
.section-main .main-cnt { padding-top: .5rem; }
.section-main .main-cnt img { max-width: 100%; }

/* 内页标题 */
.c-title-2 { text-align: center; }
.c-title-2 .cn { font-size: .3rem; color: #00a5e3; }
.c-title-2 .en { text-transform: uppercase; font-size: .16rem; color: #ccc; margin-top: .1rem; }

@media (max-width: 500px) { .c-title-2 .en { font-size: 14px; } }
/* 分页 */
.c-pagination { text-align: center; font-size: 0; margin: .4rem 0; }
.c-pagination .pagination-cnt { display: inline-block; vertical-align: top; }
.c-pagination li { float: left; }
.c-pagination a { color: #777; font-size: .15rem; float: left; border: 1px solid #dbdbdb; line-height: .46rem; padding: 0 .2rem; margin: 0 .05rem; }
.c-pagination a:hover, .c-pagination a.on { color: #fff; background: #00a5e3; border-color: #00a5e3; }

@media (max-width: 500px) { .c-pagination a { font-size: 12px; padding: 0 .1rem; } }
/* 关于我们-组织架构 */
.page-about-organization { padding-bottom: 1.1rem; }

/* 关于我们-荣誉资质 */
/* 列表-荣誉证书 */
.honor-list li { float: left; margin-bottom: 3.33%; }
.honor-list li .pic { position: relative; padding-top: 81.081%; background: #f5f5f5; overflow: hidden; }
.honor-list li .pic img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; transition: all .3s; }
.honor-list li .pic:hover img { transform: translate(-50%, -50%) scale(1.1); }
.honor-list li .txt { border: 1px solid #eee; text-align: center; font-size: .16rem; color: #666; line-height: .7rem; padding: 0 .1rem; }

@media (min-width: 901px) { .honor-list li { width: 30.83%; margin-right: 3.75%; }
  .honor-list li:nth-of-type(3n) { margin-right: 0; } }
@media (max-width: 900px) { .honor-list li { width: 49%; margin-right: 2%; }
  .honor-list li:nth-of-type(2n) { margin-right: 0; } }
@media (max-width: 500px) { .honor-list li .txt { font-size: 14px; } }
/* 关于我们-公司简介 */
.page-about-company { padding-bottom: 1rem; }
.page-about-company .section-main__1 { padding-bottom: .8rem; }
.page-about-company .section-main__1 .lf { float: left; width: 50%; padding-right: .8rem; }
.page-about-company .section-main__1 .lf .year { font-size: .47rem; color: #f3f2f2; text-transform: uppercase; line-height: 1.1; }
.page-about-company .section-main__1 .lf .name { font-size: .26rem; color: #00a5e3; }
.page-about-company .section-main__1 .lf .name:after { content: ''; display: block; width: .5rem; height: .04rem; background: #ffb141; margin-top: .12rem; }
.page-about-company .section-main__1 .lf .desc { font-size: .16rem; color: #555; line-height: 2; margin-top: .3rem; }
.page-about-company .section-main__1 .rg { float: right; width: 50%; position: relative; }
.page-about-company .section-main__1 .rg img { max-width: 100%; }
.page-about-company .section-main__1 .rg .bg { position: absolute; left: 79.3%; top: -16.6%; }
.page-about-company .section-main__2 { background: #f8f8f8; padding-bottom: .7rem; text-align: center; }
.page-about-company .section-main__2 .tit { line-height: .45rem; padding: 0 .25rem; background: #00a5e3; color: #fff; text-align: center; font-size: .16rem; margin: auto; display: inline-block; }
.page-about-company .section-main__2 .desc { font-size: .18rem; color: #333; text-align: center; margin-top: .26rem; line-height: 1.3; }
.page-about-company .section-main__2 ul { margin-top: .5rem; }
.page-about-company .section-main__2 ul li { width: 31.25%; margin-right: 3%; float: left; margin-bottom: 2%; }
.page-about-company .section-main__2 ul li:nth-of-type(3n) { margin-right: 0; }
.page-about-company .section-main__2 ul li .ani-img { padding-top: 72%; position: relative; background: #fff; }
.page-about-company .section-main__2 ul li .ani-img img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; width: auto; }
.page-about-company .section-main__2 ul li .ani-img:hover img { transform: translate(-50%, -50%) scale(1.1); }

@media (max-width: 1600px) { .page-about-company .section-main__1 .rg .bg { left: 79.5%; } }
@media (max-width: 1400px) { .page-about-company .section-main__1 .rg .bg { display: none; } }
@media (max-width: 900px) { .page-about-company .section-main__1 .lf { float: none; width: 100%; padding-right: 0; }
  .page-about-company .section-main__1 .lf .desc { font-size: 13px; }
  .page-about-company .section-main__1 .rg { float: none; width: 100%; text-align: center; margin-top: .3rem; }
  .page-about-company .section-main__2 .tit { font-size: 15px; }
  .page-about-company .section-main__2 .desc { font-size: 13px; } }
@media (max-width: 500px) { .page-about-company .section-main__2 ul li { width: 100%; margin-right: 0; margin-bottom: 10px; } }
/* 关于我们-企业文化 */
.page-about-culture { background: #f9f9f9; }
.page-about-culture .section-main__1 li { background: #fff; margin-bottom: .6rem; }
.page-about-culture .section-main__1 li:last-child { margin-bottom: 0; }
.page-about-culture .section-main__1 li:nth-of-type(2n) .txt { float: right; }
.page-about-culture .section-main__1 li:nth-of-type(2n) .pic { float: left; }
.page-about-culture .section-main__1 .txt { width: 47.22%; float: left; padding: .6rem .4rem .4rem; }
.page-about-culture .section-main__1 .txt .tit { font-size: .24rem; color: #00a5e3; }
.page-about-culture .section-main__1 .txt .tit:after { content: ''; background: #00a5e3; display: block; width: .46rem; height: 0.04rem; margin-top: .1rem; }
.page-about-culture .section-main__1 .txt .desc { margin-top: .22rem; }
.page-about-culture .section-main__1 .txt .desc p { font-size: .16rem; color: #555; line-height: 1.5; margin: .06rem 0; }
.page-about-culture .section-main__1 .pic { width: 49.629%; float: right; }

@media (max-width: 800px) { .page-about-culture .section-main__1 .txt { float: none; width: 100%; }
  .page-about-culture .section-main__1 .txt .tit { font-size: 18px; }
  .page-about-culture .section-main__1 .txt .desc p { font-size: 13px; }
  .page-about-culture .section-main__1 .pic { float: none; width: 100%; text-align: center; }
  .page-about-culture .section-main__1 .pic img { width: auto; } }
/* 关于我们-发展历程 */
.page-about-path .section-main__1 .list { position: relative; }
.page-about-path .section-main__1 .list:before { content: ''; position: absolute; left: 50%; top: 0; transform: translateX(-50%); height: 100%; width: 2px; background: #00a5e3; }
.page-about-path .section-main__1 li { position: relative; }
.page-about-path .section-main__1 .txt { padding: .5rem .6rem; float: left; position: relative; }
.page-about-path .section-main__1 .txt .year { font-size: .3rem; color: #00a5e3; }
.page-about-path .section-main__1 .txt .desc { margin-top: .2rem; }
.page-about-path .section-main__1 .txt .desc p { font-size: .16rem; color: #4a4a4a; line-height: 1.75; }
.page-about-path .section-main__1 .pic { border: 2px solid #00a5e3; border-radius: .07rem; }

@media (min-width: 701px) { .page-about-path .section-main__1 li:nth-of-type(2n + 1) .txt { float: right; }
  .page-about-path .section-main__1 li:nth-of-type(2n + 1) .txt .year { text-align: left; }
  .page-about-path .section-main__1 li:nth-of-type(2n + 1) .txt .desc P { text-align: left; }
  .page-about-path .section-main__1 li:nth-of-type(2n + 1) .txt:before { content: url(../images/line.png); position: absolute; top: 50%; left: 10px; transform: translate(-100%, -50%); right: auto; }
  .page-about-path .section-main__1 li:nth-of-type(2n + 1) .pic { left: .65rem; }
  .page-about-path .section-main__1 .txt { float: none; width: 50%; }
  .page-about-path .section-main__1 .txt .year { text-align: right; }
  .page-about-path .section-main__1 .txt:before { content: url(../images/line.png); position: absolute; top: 50%; right: 10px; transform: translate(100%, -50%) rotateY(180deg); }
  .page-about-path .section-main__1 .pic { width: 3.2rem; height: 2.1rem; position: absolute; right: 0.65rem; top: 50%; transform: translateY(-50%); } }
@media (max-width: 700px) { .page-about-path .section-main__1 .list:before { left: .2rem; }
  .page-about-path .section-main__1 .txt { float: none; position: relative; }
  .page-about-path .section-main__1 .txt:before { content: ''; width: .3rem; height: .3rem; position: absolute; left: 0.05rem; top: .5rem; background: url(../images/dot.png) no-repeat center/contain; }
  .page-about-path .section-main__1 .txt .year { font-size: 20px; }
  .page-about-path .section-main__1 .txt .desc p { font-size: 12px; }
  .page-about-path .section-main__1 .pic { margin: 0 .6rem; display: inline-block; } }
/* 联系我们-联系我们 */
.page-contact-contact .section-main__1 { padding-bottom: 1rem; }
.page-contact-contact .section-main__1 .main-cnt .t1 { font-size: .24rem; color: #555; }
.page-contact-contact .section-main__1 .main-cnt .map { margin-top: .3rem; }
.page-contact-contact .section-main__1 .main-cnt .map img { width: 100%; }
.page-contact-contact .section-main__1 .main-cnt .sec-1 { background: #fff; box-shadow: 0 0 10px #f6f6f6; }
.page-contact-contact .section-main__1 .main-cnt .sec-1 ul { width: 8.58rem; float: left; }
.page-contact-contact .section-main__1 .main-cnt .sec-1 li { float: left; padding: .18rem 0 .18rem .35rem; width: 2.86rem; border-right: 1px solid #f7f7f7; border-bottom: 1px solid #f7f7f7; }
.page-contact-contact .section-main__1 .main-cnt .sec-1 li i { font-size: .35rem; color: #9c9c9c; float: left; margin-right: .15rem; }
.page-contact-contact .section-main__1 .main-cnt .sec-1 li .txt { overflow: hidden; }
.page-contact-contact .section-main__1 .main-cnt .sec-1 li .lb { font-size: .16rem; color: #999; }
.page-contact-contact .section-main__1 .main-cnt .sec-1 li .ct { font-size: .16rem; color: #333; margin-top: .1rem; }
.page-contact-contact .section-main__1 .main-cnt .qrcodes { float: right; margin-top: .2rem; margin-right: 0.2rem; }
.page-contact-contact .section-main__1 .main-cnt .qrcodes img { width: 1.15rem; }

@media (max-width: 700px) { .page-contact-contact .section-main__1 .main-cnt .sec-1 ul { width: 100%; float: none; }
  .page-contact-contact .section-main__1 .main-cnt .sec-1 li { width: 50%; padding: .2rem; }
  .page-contact-contact .section-main__1 .main-cnt .sec-1 li i { font-size: 24px; margin-top: 5px; }
  .page-contact-contact .section-main__1 .main-cnt .sec-1 li .lb { line-height: 1.2; font-size: 12px; }
  .page-contact-contact .section-main__1 .main-cnt .sec-1 li .ct { line-height: 1.2; font-size: 12px; }
  .page-contact-contact .section-main__1 .main-cnt .qrcodes { float: none; text-align: center; margin: .5rem 0; }
  .page-contact-contact .section-main__1 .main-cnt .qrcodes img { width: auto; } }
/* 联系我们-人力资源 */
.page-contact-human { padding-bottom: 1rem; }

.job-list .col { float: left; }
.job-list .col1 { width: 31.66%; padding-left: .44rem; }
.job-list .col2 { width: 17.83%; }
.job-list .col3 { width: 16.67%; }
.job-list .col4 { width: 15.83%; }
.job-list .col5 { width: 18%; }
.job-list .job-header { background: #00a5e3; color: #fff; }
.job-list .job-header .col { font-size: .16rem; padding-top: .27rem; padding-bottom: .27rem; }
.job-list .job-item .col { font-size: .14rem; color: #666; padding-top: .3rem; padding-bottom: .3rem; }
.job-list .job-item .job-hd { border-bottom: 1px dotted #eeeeee; position: relative; }
.job-list .job-item .job-hd:before { content: '\e63c'; font-family: 'iconfont'; font-size: 14px; color: #cfcfcf; position: absolute; right: .4rem; top: 0; line-height: .8rem; }
.job-list .job-item .job-hd.on:before { transform: rotate(180deg); }
.job-list .job-item .job-hd .col4 { text-indent: 2em; }
.job-list .job-item .job-bd { border-bottom: 1px dotted #eeeeee; padding-top: .45rem; padding-bottom: .4rem; display: none; }
.job-list .job-item .job-require { float: left; width: 50%; padding-left: .44rem; }
.job-list .job-item .job-require .ti { color: #00a5e3; font-size: .18rem; }
.job-list .job-item .job-require ol { margin-top: .2rem; }
.job-list .job-item .job-require ol li { font-size: .14rem; color: #666; line-height: 1.2; list-style-type: decimal; list-style-position: inside; }
.job-list .job-item .job-link { padding: 0 .3rem; color: #fff; background: #00a5e3; font-size: .14rem; line-height: .4rem; float: left; clear: both; margin-top: .6rem; margin-left: .44rem; }
.job-list .job-item .job-link:hover { background: #0591c5; }

@media (max-width: 500px) { .job-list .col1 { padding-left: .1rem; }
  .job-list .job-header .col { font-size: 12px; }
  .job-list .job-item .col { font-size: 12px; }
  .job-list .job-item .job-hd:before { right: 0; }
  .job-list .job-item .job-require { width: 100%; margin-bottom: .2rem; padding-left: .1rem; }
  .job-list .job-item .job-require .ti { font-size: 14px; }
  .job-list .job-item .job-require ol li { font-size: 12px; }
  .job-list .job-item .job-link { margin-left: .1rem; margin-top: .2rem; font-size: 12px; } }
/* 常见问题 */
.page-problem .problem-list { margin-bottom: .8rem; }
.page-problem .problem-list li { margin-bottom: .3rem; }
.page-problem .problem-list li:hover a.link { background: #00a5e3; }
.page-problem .problem-list li:hover .txt .q { color: #fff; }
.page-problem .problem-list li:hover .txt .a { color: #fff; }
.page-problem .problem-list li:hover .iconfont { color: #00a5e3; background: #fff; border-color: #00a5e3; }
.page-problem .problem-list a.link { display: block; background: #f9f9f9; transition: all .3s; padding: .2rem; }
.page-problem .problem-list .pic { float: left; width: 18.96%; margin-right: .2rem; }
.page-problem .problem-list .pic img { width: 100%; }
.page-problem .problem-list .txt { padding-top: .1rem; float: left; width: 70.689%; }
.page-problem .problem-list .txt .q { font-size: .18rem; color: #666; line-height: 2; }
.page-problem .problem-list .txt .a { font-size: .14rem; color: #666; line-height: 2.14; height: 4.3em; overflow: hidden; margin-top: .2rem; }
.page-problem .problem-list .iconfont { float: right; width: .28rem; height: .28rem; border-radius: 50%; border: 1px solid #b0b0b0; text-align: center; line-height: .28rem; font-size: .14rem; color: #b0b0b0; margin-right: .2rem; margin-top: .6rem; transition: all .3s; }

@media (max-width: 500px) { .page-problem .problem-list li .pic { width: 100%; }
  .page-problem .problem-list li .txt { width: 90%; }
  .page-problem .problem-list li .txt .q { font-size: 14px; }
  .page-problem .problem-list li .txt .a { font-size: 12px; }
  .page-problem .problem-list li .iconfont { margin-right: 0; } }
/*新闻中心-详情*/
.page-news-detail { padding-bottom: .3rem; }
.page-news-detail .section-main__1 .hd { border-bottom: 1px solid #eeeeee; text-align: center; padding-bottom: .3rem; }
.page-news-detail .section-main__1 .hd .title { font-size: .24rem; color: #333; }
.page-news-detail .section-main__1 .hd .ms { font-size: .14rem; color: #666; margin-top: .24rem; }
.page-news-detail .section-main__1 .hd .ms span { margin: 0 .1rem; }
.page-news-detail .section-main__1 .hd .ms .social-share { display: inline-block; color: #666; margin-left: .1rem; }
.page-news-detail .section-main__1 .bd { color: #555; padding: .3rem 0 .45rem; max-width: 790px; margin: auto; }
.page-news-detail .section-main__1 .bd p { font-size: .14rem; text-align: justify; line-height: 2; }
.page-news-detail .section-main__1 .bd img { max-width: 100%; }
.page-news-detail .section-main__1 .bd table { max-width: 800px; width: 100%; }
.page-news-detail .section-main__1 .bd td { width: auto; word-break: break-all; white-space: normal; }
.page-news-detail .section-main__1 .ft { border-top: 1px solid #eee; padding-top: .33rem; }
.page-news-detail .section-main__1 .ft .ft-nav { float: left; }
.page-news-detail .section-main__1 .ft .ft-nav a { color: #000; font-size: .16rem; line-height: 1.6; }
.page-news-detail .section-main__1 .ft .ft-nav a:hover { color: #00a5e3; }
.page-news-detail .section-main__1 .ft .back { float: right; color: #fff; background: #00a5e3; font-size: .14rem; padding: 0 .3rem; line-height: 3.28; margin-top: .07rem; }
.page-news-detail .section-main__1 .ft .back:hover { background: #0591c5; }

@media (max-width: 500px) { .page-news-detail .section-main__1 .hd .title { font-size: 18px; }
  .page-news-detail .section-main__1 .hd .ms span { font-size: 12px; }
  .page-news-detail .section-main__1 .bd table span { font-size: 12px !important; }
  .page-news-detail .section-main__1 .bd table p { display: inline-block; font-size: 12px !important; }
  .page-news-detail .section-main__1 .bd p { font-size: 12px; }
  .page-news-detail .section-main__1 .bd span { font-size: 16px !important; }
  .page-news-detail .section-main__1 .ft .ft-nav { float: none; }
  .page-news-detail .section-main__1 .ft .ft-nav a { font-size: 14px; }
  .page-news-detail .section-main__1 .ft .back { float: none; display: block; font-size: 14px; text-align: center; margin-top: .2rem; } }
/*新闻中心*/
.page-news .news-list { margin-bottom: .8rem; }

.news-list li { margin-bottom: .4rem; }
.news-list li:last-child { margin-bottom: 0; }
.news-list a { display: block; background: #f7f7f7; }
.news-list .pic { float: left; width: 3.9rem; }
.news-list .txt { overflow: hidden; padding: .3rem .45rem; }
.news-list .txt .title-wrap .title { font-size: .26rem; color: #333; float: left; width: 85%; transition: all .3s; line-height: 1.2; }
.news-list .txt .title-wrap .time { float: right; font-size: .16rem; color: #555; margin-top: .05rem; }
.news-list .txt .desc { font-size: .16rem; color: #555; line-height: 1.6; height: 3.3em; overflow: hidden; margin-top: .35rem; }
.news-list .txt .more { color: #fff; background: #00a5e3; font-size: .15rem; text-align: center; line-height: .4rem; width: 1.18rem; margin-top: .26rem; }
.news-list .txt .more:hover { background: #0591c5; }
.news-list li:hover .title-wrap .title { color: #00a5e3; }

@media (max-width: 900px) { .news-list .txt .title-wrap .title { width: 80%; } }
@media (max-width: 600px) { .news-list .pic { width: 100%; float: none; }
  .news-list .txt { padding: .3rem .2rem; }
  .news-list .txt .title-wrap .time { font-size: 12px; }
  .news-list .txt .desc { font-size: 12px; }
  .news-list .txt .more { width: auto; padding: 3px 10px; display: inline-block; font-size: 14px; } }
/* 分类 */
.c-cate { text-align: center; font-size: 0; margin-bottom: .2rem; }
.c-cate .item { display: inline-block; font-size: .2rem; background: #eee; min-width: 2.16rem; padding: 0 .1rem; margin: 0 .15rem; line-height: .5rem; transition: all .3s; margin-bottom: .1rem; }
.c-cate .item.on, .c-cate .item:hover { background: #00a5e3; color: #fff; }

/* 产品中心 */
.page-product .search-wrap { width: 5.68rem; margin: auto; }
.page-product .search-wrap .ipt { background: #eee; font-size: .18rem; color: #888; padding: 0 .3rem; height: .5rem; line-height: .5rem; width: 70.42%; }
.page-product .search-wrap .btn { background: #00a5e3; color: #fff; font-size: .2rem; line-height: .5rem; padding: 0 .1rem; height: .5rem; min-width: 1.3rem; text-align: center; }
.page-product .search-wrap .btn:hover { background: #0591c5; }
.page-product .product-list { margin-top: .5rem; }

.product-list li { float: left; margin-bottom: 3.916%; }
.product-list .item { display: block; padding: .2rem; border: 1px solid #e5e5e5; transition: all .3s; }
.product-list .item .pic { position: relative; padding-top: 100%; background: #f4f5fa; }
.product-list .item .pic img { position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%, -50%); }
.product-list .item .txt { text-align: center; padding-top: .18rem; }
.product-list .item .txt .name { font-size: .16rem; color: #333; transition: all .3s; }
.product-list .item .txt .more { display: inline-block; font-size: .14rem; color: #666; background: #eee; padding: 0 .3rem; line-height: .4rem; margin-top: .3rem; transition: all .3s; }
.product-list li:hover .item { border-color: transparent; box-shadow: 0 0 20px #eee; }
.product-list li:hover .item .txt .name { color: #00a5e3; }
.product-list li:hover .item .txt .more { background: #00a5e3; color: #fff; }

@media (min-width: 501px) { .product-list li { width: 31.25%; margin-right: 3.08%; }
  .product-list li:nth-of-type(3n) { margin-right: 0; } }
@media (max-width: 500px) { .product-list li { width: 49%; margin-right: 2%; margin-bottom: 2%; }
  .product-list li:nth-of-type(2n) { margin-right: 0; }
  .product-list .item .txt .name { font-size: 12px; }
  .product-list .item .txt .more { font-size: 12px; } }
/*案例列表*/
.case-list { margin-top: .4rem; }
.case-list li { float: left; }
.case-list a { display: block; }
.case-list .pic { position: relative; padding-top: 64.34%; background: #eee; }
.case-list .pic img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; }
.case-list .txt { font-size: .18rem; color: #333; line-height: .78rem; border: 1px solid #eee; text-align: center; transition: all .3s; padding: 0 .1rem; }
.case-list li:hover .txt { background: #00a5e3; color: #fff; border-color: #00a5e3; }

@media (min-width: 501px) { .case-list li { width: 31.08%; margin-right: 3.33%; margin-bottom: 3.33%; }
  .case-list li:nth-of-type(3n) { margin-right: 0; } }
@media (max-width: 500px) { .case-list li { width: 49%; margin-right: 2%; margin-bottom: 2%; }
  .case-list li:nth-of-type(2n) { margin-right: 0; }
  .case-list li .txt { font-size: 12px; } }
/* 产品详情 */
.page-product-detail .section-main__1 { padding-top: .4rem; }
.page-product-detail .curcate { font-size: .19rem; color: #666; margin-bottom: .5rem; }
.page-product-detail .pics { float: left; width: 50%; position: relative; }
.page-product-detail .media { padding-top: 100%; position: relative; background: #f4f5fa no-repeat center / contain; }
.page-product-detail .media video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.page-product-detail .media .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; }
.page-product-detail .media .mask img { position: absolute; left: .29rem; bottom: .29rem; width: .55rem; }
.page-product-detail .swiper-thumb { margin-top: .2rem; position: relative; }
.page-product-detail .swiper-thumb .swiper-container { width: 5rem; margin: auto; }
.page-product-detail .swiper-thumb .swiper-slide { border: 1px solid #eeeeee; }
.page-product-detail .swiper-thumb .swiper-slide.on { border-color: #00a5e3; }
.page-product-detail .arrows .iconfont { position: absolute; bottom: .35rem; font-size: 30px; color: #bababa; cursor: pointer; font-weight: bold; }
.page-product-detail .arrows .iconfont:hover { color: #00a5e3; }
.page-product-detail .arrows .icon-left { left: 0; }
.page-product-detail .arrows .icon-right { right: 0; }
.page-product-detail .msg { padding: .3rem .3rem .3rem .5rem; float: left; width: 50%; }
.page-product-detail .msg .name-wrap { padding-bottom: .1rem; border-bottom: 1px dotted #e5e5e5; }
.page-product-detail .msg .name { font-size: .3rem; color: #00a5e3; font-weight: bold; padding-bottom: .2rem; }
.page-product-detail .msg .see-wrap .see { font-size: 14px; color: #999; line-height: 40px; }
.page-product-detail .msg .see-wrap .social-share { font-size: 14px; color: #999; -webkit-text-stroke-width: 0; margin-left: .2rem; }
.page-product-detail .msg .param { font-size: .18rem; margin-top: .3rem; }
.page-product-detail .msg .btn-contact { margin-top: .36rem; color: #fff; background: #00a5e3; font-size: .16rem; text-align: center; line-height: 3; display: inline-block; width: 1.72rem; }
.page-product-detail .msg .btn-contact:hover { background: #0591c5; }
.page-product-detail .msg .te { color: #00a5e3; font-size: .21rem; font-weight: bold; margin-top: .4rem; }
.page-product-detail .row { margin-top: .6rem; }
.page-product-detail .row .hd { background: #f4f4f4; line-height: .6rem; }
.page-product-detail .row .hd .lf { float: left; background: #00a5e3; color: #fff; font-size: .24rem; padding: 0 .5rem; line-height: .6rem; }
.page-product-detail .row .hd .more { float: right; line-height: .6rem; color: #666; font-size: .2rem; margin-right: .34rem; }
.page-product-detail .row .hd .more:hover { text-decoration: underline; }
.page-product-detail .row2 { margin-top: .8rem; }
.page-product-detail .row3 { margin-top: .3rem; }
.page-product-detail .row3 .bd { padding: .3rem 0; width: 100%; max-width: 790px; margin: auto; }
.page-product-detail .row3 .bd p { font-size: .18rem; color: #333; line-height: 1.5; }
.page-product-detail .row3 .bd img { max-width: 100%; }
.page-product-detail .row3 .bd table { max-width: 800px; width: 100%; }
.page-product-detail .row3 .bd td { width: auto; word-break: break-all; white-space: normal; }

@media (max-width: 1200px) { .page-product-detail .arrows .iconfont { bottom: .25rem; } }
@media (max-width: 900px) { .page-product-detail .pics { float: none; margin: auto; width: 100%; }
  .page-product-detail .msg { margin-top: .2rem; padding: .3rem; width: 100%; }
  .page-product-detail .msg .name { text-align: center; }
  .page-product-detail .msg .see-wrap { text-align: center; }
  .page-product-detail .msg .see-wrap .see { float: none; display: inline-block; vertical-align: middle; }
  .page-product-detail .msg .see-wrap .social-share { float: none; display: inline-block; } }
@media (max-width: 640px) { .page-product-detail .msg .param li span { font-size: 16px !important; }
  .page-product-detail .row3 .bd table span { font-size: 12px !important; }
  .page-product-detail .row3 .bd table p { display: inline-block; font-size: 12px !important; }
  .page-product-detail .row3 .bd p, .page-product-detail .row3 .bd span { font-size: 16px !important; }
  .page-product-detail .row3 .bd span { line-height: inherit; } }
@media (max-width: 500px) { .page-product-detail .curcate { font-size: 12px; }
  .page-product-detail .msg .param { font-size: 12px; }
  .page-product-detail .msg .btn-contact { font-size: 12px; } }
.case-list-2 { margin-top: .4rem; }
.case-list-2 li { float: left; background: #f8f8f8; margin-bottom: 2.33%; }
.case-list-2 li .pic { float: left; width: 2.5rem; position: relative; height: 1.6rem; }
.case-list-2 li .pic img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; }
.case-list-2 li .txt { overflow: hidden; padding: .3rem .2rem; }
.case-list-2 li .txt .title { font-size: .18rem; color: #333; transition: all .3s; line-height: 1.2; }
.case-list-2 li .txt .desc { font-size: .16rem; color: #999; line-height: 1.6; height: 3.3em; overflow: hidden; margin-top: .14rem; }
.case-list-2 li:hover .txt .title { color: #00a5e3; }

@media (min-width: 901px) { .case-list-2 li { width: 48.83%; margin-right: 2.33%; }
  .case-list-2 li:nth-of-type(2n) { margin-right: 0; } }
@media (max-width: 500px) { .case-list-2 li .txt .title { font-size: 14px; }
  .case-list-2 li .txt .desc { font-size: 12px; } }
/* 产品 */
.product-list-2 { margin-top: .4rem; }
.product-list-2 li { float: left; }
.product-list-2 li a { display: block; }
.product-list-2 li a .pic { position: relative; padding-top: 100%; overflow: hidden; }
.product-list-2 li a .pic img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); transition: all .3s; }
.product-list-2 li a .title { padding: 0 .1rem; font-size: .16rem; color: #333; text-align: center; margin-top: .2rem; line-height: .36rem; transition: all .3s; }
.product-list-2 li:hover a .pic img { transform: translate(-50%, -50%) scale(1.1); }
.product-list-2 li:hover a .title { color: #00a5e3; }

@media (min-width: 501px) { .product-list-2 li { width: 23.16%; margin-right: 2.416%; }
  .product-list-2 li:nth-of-type(4n) { margin-right: 0; } }
@media (max-width: 500px) { .product-list-2 li { width: 49%; margin-right: 2%; }
  .product-list-2 li:nth-of-type(2n) { margin-right: 0; }
  .product-list-2 li a .title { margin: .2rem 0; font-size: 12px; } }
.news-list-2 { margin-top: .2rem; }
.news-list-2 li { float: left; width: 33.33%; margin-bottom: 2.5%; }
.news-list-2 li .pic { width: 34%; float: left; background: #ddd; }
.news-list-2 li .pic .pic-in { overflow: hidden; position: relative; padding-top: 69.44%; }
.news-list-2 li .pic .pic-in img { width: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.news-list-2 li .txt { overflow: hidden; padding: .08rem .15rem; }
.news-list-2 li .txt .title { font-size: .16rem; color: #333; line-height: 1.8; height: 3.6em; overflow: hidden; transition: all .3s; }
.news-list-2 li .txt .time { font-size: .14rem; color: #888; margin-top: .13rem; }
.news-list-2 li:hover .txt .title { color: #00a5e3; }

@media (max-width: 900px) { .news-list-2 li { width: 50%; } }
@media (max-width: 500px) { .news-list-2 li { width: 100%; }
  .news-list-2 li .txt .title { font-size: 12px; }
  .news-list-2 li .txt .time { font-size: 12px; } }
/* 应用案例-详情 */
.page-case-detail .section-main__1 { padding-top: 0; background: #f8f8f8; }
.page-case-detail .section-main__1 .case-detail { background: #fff; padding: 0 .3rem; }
.page-case-detail .section-main__1 .case-detail .hd { border-bottom: 1px solid #e5e5e5; }
.page-case-detail .section-main__1 .case-detail .hd .tit { float: left; font-size: .24rem; color: #00a5e3; line-height: .83rem; }
.page-case-detail .section-main__1 .case-detail .hd .msg { float: right; }
.page-case-detail .section-main__1 .case-detail .hd .msg .time, .page-case-detail .section-main__1 .case-detail .hd .msg .num { font-size: .14rem; color: #555; display: inline-block; margin-left: .3rem; line-height: .83rem; }
.page-case-detail .section-main__1 .case-detail .hd .msg .social-share { display: inline-block; margin-left: .1rem; color: #555; }
.page-case-detail .section-main__1 .case-detail .hd .msg .social-share p { line-height: 1.3; margin: 0; }
.page-case-detail .section-main__1 .case-detail .media { width: 100%; max-width: 6.4rem; position: relative; margin: auto; margin-top: .4rem; }
.page-case-detail .section-main__1 .case-detail .media .mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) url(../images/play2.png) no-repeat center; }
.page-case-detail .section-main__1 .case-detail .media .mask.hide { background: none; }
.page-case-detail .section-main__1 .case-detail .media .media-cnt { position: relative; padding-top: 64%; }
.page-case-detail .section-main__1 .case-detail .media .media-cnt video { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.page-case-detail .section-main__1 .case-detail .case-content { padding: .4rem 0; max-width: 790px; margin: auto; }
.page-case-detail .section-main__1 .case-detail .case-content p { font-size: .16rem; color: #333; line-height: 1.75; }
.page-case-detail .section-main__1 .case-detail .case-content img { max-width: 100%; }
.page-case-detail .section-main__1 .case-detail .case-content table { max-width: 800px; width: 100%; }
.page-case-detail .section-main__1 .case-detail .case-content td { width: auto; word-break: break-all; white-space: normal; }
.page-case-detail .section-main__1 .case-detail .case-content .tt { font-size: .2rem; color: #333; font-weight: bold; line-height: 1.75; }
.page-case-detail .section-main__1 .case-detail .case-content .pic { text-align: center; padding: .3rem 0; }
.page-case-detail .section-main__1 .case-detail .case-content .ta { text-align: left; }
.page-case-detail .section-main__1 .case-detail .case-content .bz { color: #666; font-size: .16rem; }
.page-case-detail .row .hd { line-height: .6rem; }
.page-case-detail .row .hd .lf { float: left; background: #00a5e3; color: #fff; font-size: .24rem; padding: 0 .5rem; line-height: .6rem; }
.page-case-detail .row .hd .more { float: right; line-height: .6rem; color: #666; font-size: .2rem; }
.page-case-detail .row .hd .more:hover { text-decoration: underline; }
.page-case-detail .row2 { margin-top: .6rem; }

@media (max-width: 500px) { .page-case-detail .section-main__1 .case-detail .hd .tit { float: none; text-align: center; font-size: 18px; }
  .page-case-detail .section-main__1 .case-detail .hd .msg { float: none; text-align: center; }
  .page-case-detail .section-main__1 .case-detail .hd .msg .time, .page-case-detail .section-main__1 .case-detail .hd .msg .num { font-size: 12px; line-height: 2; }
  .page-case-detail .section-main__1 .case-detail .case-content .tt { font-size: 16px; }
  .page-case-detail .section-main__1 .case-detail .case-content table span { font-size: 12px !important; }
  .page-case-detail .section-main__1 .case-detail .case-content table p { display: inline-block; font-size: 12px !important; }
  .page-case-detail .section-main__1 .case-detail .case-content p { font-size: 16px; }
  .page-case-detail .section-main__1 .case-detail .case-content span { font-size: 16px !important; } }
/* 案例列表 */
.case-list-3 { margin-top: .4rem; }
.case-list-3 li { float: left; width: 31%; margin-right: 3.416%; }
.case-list-3 li:nth-of-type(3n) { margin-right: 0; }
.case-list-3 li a { display: block; }
.case-list-3 li a .pic { position: relative; padding-top: 64.34%; overflow: hidden; background: #f8f8f8; }
.case-list-3 li a .pic img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; }
.case-list-3 li a .txt { border: 1px solid #eeeeee; padding: .3rem .2rem; transition: all .3s; }
.case-list-3 li a .txt .tit { font-size: .18rem; color: #333; transition: all .3s; line-height: 1.2; }
.case-list-3 li a .txt .desc { font-size: .16rem; color: #999; margin-top: .15rem; transition: all .3s; line-height: 1.2; }
.case-list-3 li a .txt .more { margin-top: .4rem; width: 1.16rem; display: inline-block; line-height: .4rem; border: 1px solid #dcdcdc; text-align: center; font-size: .14rem; color: #555; transition: all .3s; }
.case-list-3 li:hover a .txt { background: #00a5e3; border-color: #00a5e3; }
.case-list-3 li:hover a .txt .tit, .case-list-3 li:hover a .txt .desc { color: #fff; }
.case-list-3 li:hover a .txt .more { background: #fff; color: #00a5e3; border-color: #fff; }

@media (max-width: 500px) { .case-list-3 li { width: 100%; margin-right: 0; margin-bottom: .2rem; }
  .case-list-3 li a .txt .tit { font-size: 14px; }
  .case-list-3 li a .txt .desc { font-size: 12px; }
  .case-list-3 li a .txt .more { margin: .4rem auto 0; display: block; font-size: 12px; line-height: 3; width: 50%; } }
/* 侧边栏 */
.sidebar { position: fixed; right: .1rem; top: 50%; z-index: 90; transform: translateY(-50%); text-align: center; }
.sidebar .hd { display: block; }
.sidebar .hd .kefu { width: .88rem; }
.sidebar .hd .txt { background: #e60044; color: #fff; font-size: .16rem; margin-top: -.08rem; padding-top: .15rem; padding-bottom: .09rem; border-radius: .05rem; position: relative; }
.sidebar.on .bd { display: block; }
.sidebar .bd { border-radius: .05rem; margin-top: 1px; display: none; }
.sidebar .bd .item { border-bottom: 1px solid #f8f8f8; background: #fff; display: block; position: relative; }
.sidebar .bd .item .cnt { padding: .1rem 0; }
.sidebar .bd .item:last-child { border-bottom: none; }
.sidebar .bd .item i { font-size: .24rem; color: #e60044; }
.sidebar .bd .item .tx { font-size: .14rem; color: #666; margin-top: .1rem; }
.sidebar .bd .item .tip { position: absolute; left: -.1rem; top: 50%; background: #e60044; display: none; transform: translate(-100%, -50%); padding: .12rem; min-height: 100%; }
.sidebar .bd .item .tip img { max-width: 1rem; }
.sidebar .bd .item .tip p { color: #fff; font-size: .14rem; white-space: nowrap; }
.sidebar .bd .item .tip.tip-weixin p { margin-top: .12rem; }
.sidebar .bd .item .tip.tip-tel { padding: .2rem; }
.sidebar .bd .item .tip.tip-tel p { font-size: .24rem; }
.sidebar .bd .item .tip.tip-tel p:before { margin-right: .05rem; }
.sidebar .bd .item:hover, .sidebar .bd .item.on { background: #e60044; }
.sidebar .bd .item:hover i, .sidebar .bd .item.on i { color: #fff; }
.sidebar .bd .item:hover .tx, .sidebar .bd .item.on .tx { color: #fff; }
.sidebar .bd .item:hover .tip, .sidebar .bd .item.on .tip { display: block; }

@media (min-width: 901px) { .sidebar .bd .item:first-child { border-top-left-radius: .05rem; border-top-right-radius: .05rem; }
  .sidebar .bd .item:last-child { border-bottom-left-radius: .05rem; border-bottom-right-radius: .05rem; } }
@media (max-width: 900px) { .sidebar { bottom: 0; top: auto; right: 0; transform: none; width: 100%; box-shadow: 0 0 5px #ddd; }
  .sidebar .hd { display: none; }
  .sidebar .bd { display: flex; }
  .sidebar .bd .item { flex: 1; border-bottom: none; border-right: 1px solid #f8f8f8; }
  .sidebar .bd .item.m-no { display: none; }
  .sidebar .bd .item .tip { left: 50%; top: 0; transform: translate(-50%, -100%); }
  .sidebar .bd .item .tip p { font-size: 12px; }
  .sidebar .bd .item .tip.tip-tel { display: none; }
  .sidebar .bd .item .tip.tip-weixin { position: fixed; left: 0; top: 0; transform: none; width: 100%; height: 100%; z-index: 100; background: rgba(0, 0, 0, 0.8); display: none; flex-direction: column; align-items: center; justify-content: center; }
  .sidebar .bd .item .tip.tip-weixin img { width: 50%; max-width: 100%; }
  .sidebar .bd .item .tip.tip-weixin.on { display: flex; }
  .sidebar .bd .item i { font-size: 20px; }
  .sidebar .bd .item .tx { font-size: 12px; } }

/*# sourceMappingURL=style.css.map */